<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>BOOK网图书</title>
   <link href="../css/index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="top">
    <div id="topin">欢迎光BOOK网，请<a href="login.html">&nbsp;&nbsp;登录</a></div>
</div>

<div class="topbanner"></div>

<div id="banner">
    <div id="list">
        <ul>
            <li><h1>图书分类</h1></li>
            <li><a href="#">电子书/网络文学/阅读器</a></li>
            <li><a href="#">小说/当代现代/中国古典</a></li>
            <li><a href="#">文艺/纪实文学/文学理论</a></li>
            <li><a href="#">青春/动漫/幽默</a></li>
            <li><a href="#">童书/中国儿童文学/外国儿童文学</a></li>
            <li><a href="#">教育/教材/考试/技术</a></li>
            <li><a href="#">人文社科/历史/文化/心理学</a></li>
            <li><a href="#">经管/管理/投资/理财</a></li>
            <li><a href="#">成功/励志/人生哲学</a></li>
            <li><a href="#">科技/科普读物/医学建筑</a></li>
            <li><a href="#">IT/网络/编程/人工智能</a></li>
            <li><a href="#">英文原版书/港澳台</a></li>
        </ul>
    </div>
    <center>
    <div class="demo">
        <a class="control prev"></a><a class="control next abs"></a><!--自定义按钮，移动端可不写-->
        <div class="slider"><!--主体结构，请用此类名调用插件，此类名可自定义-->
            <ul>
                <li><a href="#"><img src="../image/banner/1.jpg" /></a></li>
                <li><a href="#"><img src="../image/banner/2.jpg" /></a></li>
                <li><a href="#"><img src="../image/banner/3.jpg" /></a></li>
                <li><a href="#"><img src="../image/banner/4.jpg" /></a></li>
                <li><a href="#"><img src="../image/banner/5.jpg" /></a></li>
            </ul>
        </div>
    </div>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/banner.jQuery.min.js"></script>
     <script>
        $(".slider").banner({
            width:800, //容器宽度
            height:450, //容器高度
            control:$('.control'), //绑定控制按钮
            during:4000, //间隔4秒自动滑动
            speed:800, //移动速度0.8秒
            mousewheel:true, //是否开启鼠标滚轮控制
            direkey:true //是否开启左右箭头方向控制
        });
    </script>
</center>
    <div>这是右边div部分</div>
</div>

<div id="title">当代现代</div>

<div id="mainbox">
    <div class="bookbox"><img src="../image/1.png" alt=""><div class="price">送你一颗子弹</br>作者：刘瑜</br>￥65</div></div>
    <div class="bookbox"><img src="../image/2.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/3.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/4.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/5.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/6.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/7.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/8.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/9.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/10.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/11.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/12.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/13.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/14.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/15.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/16.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/17.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/18.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/19.png" alt=""><div class="price"></div></div>
    <div class="bookbox"><img src="../image/20.png" alt=""><div class="price"></div></div>
</div>

<div id="foot">
    <div id="foot-left">
    <div class="buttom">
        <a href="#" class="title">BOOK首页</br></a>
        <a href="#">了解我们</br></a>
        <a href="#">公益中心</br></a>
    </div>
    <div class="buttom">
        <a href="#"  class="title">联系与合作</br></a>
        <a href="#">我要开店</br></a>
        <a href="#">我要推广</br></a>
        <a href="#">我要加盟</br></a>
    </div>
    <div class="buttom">
        <a href="#" class="title">移动客户端</br></a>
        <a href="#">BOOK iPhone版</br></a>
        <a href="#">BOOK Android版</br></a>
        <a href="#">BOOK HD</a>
    </div>
    <div id="foot-right">
        <h1><a href="#">关注我们</br></a></h1>
        <h2><a href="#">新浪微博：@book网</br></a></h2>
        <h2><a href="#">官方QQ ：1126144298</a></h2>
    </div>
    </div>
</div>

<div id="last">
    <h2>版权所有 @2018 布克公司或其关联公司</br></h2>
    <h3>网络文化经营许可证京网文[2015]0615-245 | 营业执照：91110105721471662U</h3>
</div>

</body>
</html>